class cutPage {
    constructor(obj) {
        this.obj = obj; //获取实例化的参数

        //获取标签
        this.select = document.querySelector('.select') //select中option标签；
        this.pageli = document.querySelector('.page') //页数的ol标签
        this.ul = document.querySelector('#list') //获取

        //参数中的一些属性
        this.data = this.obj.data;
        this.pageLength = this.obj.pageLength;

        //开始设置每页显示的数据
        this.limit = this.pageLength[0];
        this.pagenum = 1;

        this.init()
    }
    init() {
        //渲染select中的option 
        this.filloption()

        //渲染页数
        this.fillpage()

        //渲染页面
        this.fillcon()
    }

    //渲染option
    filloption(pageLength) {
        this.select.innerHTML = this.pageLength.map(item => `<option value="${item}">每页${item}条</option>`).join()
    }

    //渲染页数
    fillpage() {
        let pagesum = Math.ceil(this.data.length / this.selectnum * 1);
        console.log(pagesum)
        var html = '';
        for (let i = 0; i < pagesum; i++) {
            html += `<li>${i+1}</li>`
        }
        this.pageli.innerHTML = html
    }

    //渲染内容
    fillcon() {
        let start = this.limit * (this.pagenum - 1); //数据的第一个的下标
        let end = this.limit * this.pagenum //数据的最后一个下标
        this.ul.innerHTML = this.data.slice(start, end).map((i) => {
            return `<li>${i}</li>`
        }).join('')
    }
    cb1(data) {
        //console.log(data)
        return data
    }
    cb2(data) {
        console.log(data)
        return data
    }
}